<template>
  <div>
    <div>
      <van-nav-bar title="第三方绑定" left-text="返回" left-arrow @click-left="onClickLeft" :fixed="true" />
    </div>
    <div class="container">
      <div class="bd">第三方绑定可直接登录杉果</div>
      <div>
        <van-cell-group :border="false">
          <van-cell title="账号" value="183****5839" />
        </van-cell-group>
      </div>
      <div class="wx">
          <van-cell icon="chat-o" title="微信" is-link value="Z" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "bind",
  data() {
    return {
      title: "第三方绑定"
    };
  },
  mounted() {
    this.$emit("toparent", this.title);
    document
      .querySelector("body")
      .setAttribute("style", "background-color:#f7f7f7");
  },
  beforeDestroy() {
    document.querySelector("body").removeAttribute("style");
  },

  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  }
};
</script>

<style scoped>
.container {
  margin-top: 46px;
}
.bd {
  width: 100%;
  height: 25px;
  background: rgb(255, 253, 114);
  font-size: 12px;
  color: #000;
  text-align: center;
  line-height: 25px;
}
.wx{
    margin-top:8px;
}
</style>